import React, { Component, Suspense } from 'react';

// 用 React.lazy 动态引入 Child.js 里面的组件，配合 Suspense 实现动态加载组件效果。
// 这样很利于代码分割，不会让初始化的时候加载大量的文件。
let LazyCompone = React.lazy(() => import("./Child"));

export default class App extends Component {
	render() {
		return (
			<Suspense fallback={<h1>loading</h1>}>
				<LazyCompone></LazyCompone>
				abc
			</Suspense>
		)
	}
}
